<template>
        <section class="jumbotron">
        <h3 class="jumbotron-heading">Search Github Users</h3>
        <div>
          <input
         v-model.lazy="search"
          type="text"
            placeholder="enter the name you search"
          />&nbsp;
          <button @click="playRequestHandle(search)">Search</button>
        </div>
      </section>
</template>

<script>
export default {
    name:'Header',
    props:['playRequestHandle'],
    data(){
        return {
            search:''
        }
    }
}
</script>

<style>

</style>